<?php
/*
 Plugin Name: Key Plugin
 Plugin URI: http:key-plugin.com
 Description: Plugin made by Hieu
 Author: Hieu
 Version: 1.0
 Author URI: http://facebook.com/Demen.SieuQuay
 */
if(!class_exists('KeyPlugin')) {
        class KeyPlugin {
                function __construct() {
                        if(!function_exists('add_shortcode')) {
                                return;
                        }
                        add_shortcode( 'keycode' , array(&$this, 'keycode_func') );
                }
 
                function keycode_func($atts = array(), $content = null) {
                        extract(shortcode_atts(array('name' => 'World'), $atts));
                        $html = '<div id="tabs">';
							$html .='<ul>';
								$html .= '<li><a href="#tabs-1">Contact Information</a></li>';
								$html .= '<li><a href="#tabs-2">Product Information</a></li>';
								$html .= '<li><a href="#tabs-3">Handle Options</a></li>';
								$html .= '<li><a href="#tabs-4">Print Details</a></li>';
								$html .= '<li><a href="#tabs-5">Quantity & Pricing</a></li>';
//								$html .= '<li><a href="#tabs-6">Submitting</a></li>';
							$html .= '</ul>';
						
							$html .= '<div id="tabs-1">';//Start tab 1
								$html .= '<fieldset id="div_contact" >';
									$html .= '<legend class="lg_info"> Contact Information';
									$html .= '</legend>';
									$html .= '<table id="cart_form">';
										$html .= '<tr>';
											$html .= '<td>';
												$html .= 'Contact person:<span class="has_to"> * </span>';
											$html .= '</td>';
											$html .= '<td>';
												$html .= '<input type="text" id="ct_person" name="ct_person" /> ';
											$html .= '</td>';
										$html .= '</tr>';
										$html .= '<tr>';
											$html .= '<td>';
												$html .= 'Company name:<span class="has_to"> * </span>';
											$html .= '</td>';
											$html .= '<td>';
												$html .= '<input type="text" id="ct_cp_name" name="ct_cp_name" /> ';
											$html .= '</td>';
										$html .= '</tr>';
										$html .= '<tr>';
											$html .= '<td>';
												$html .= 'Adress:<span class="has_to"> * </span>';
											$html .= '</td>';
											$html .= '<td>';
												$html .= '<input type="text" id="ct_address" name="ct_address" /> ';
											$html .= '</td>';
										$html .= '</tr>';
										$html .= '<tr>';
											$html .= '<td>';
												$html .= 'Email:<span class="has_to"> * </span>';
											$html .= '</td>';
											$html .= '<td>';
												$html .= '<input type="text" id="ct_email" name="ct_email" /> ';
											$html .= '</td>';
										$html .= '</tr>';
										$html .= '<tr>';
											$html .= '<td>';
												$html .= 'Phone:<span class="has_to"> * </span>';
											$html .= '</td>';
											$html .= '<td>';
												$html .= '<input type="text" id="ct_phone" name="ct_phone" /> ';
											$html .= '</td>';
										$html .= '</tr>';
										$html .= '<tr>';
											$html .= '<td>';
												$html .= 'Website:<span class="has_to"> * </span>';
											$html .= '</td>';
											$html .= '<td>';
												$html .= '<input type="text" id="ct_website" name="ct_website" /> ';
											$html .= '</td>';
										$html .= '</tr>';
										$html .= '<tr>';
											$html .= '<td colspan="2">';
												$html .= '<input type="button" id="ct_next" name="ct_next" value="NEXT STEP 2" /> ';
											$html .= '</td>';
//											$html .= '<td>';
//											$html .= '</td>';
										$html .= '</tr>';
									$html .= '</table>';
									$html .= '<p></p>';
								$html .= '</fieldset>';
							$html .= '</div>';//End tab 1
							
							$html .= '<div id="tabs-2">';//Start tab2
								$html .= '<fieldset id="div_product" >';
									$html .= '<legend class="lg_info"> Product Information';
									$html .= '</legend>';
									$html .= '<div>';
										$html .= '<div>';
											$html .= '<span class="span_title" >Please choose your type of bag</span>';
										$html .= '</div>';
										$html .= '<div>';
											$html .= '<table >';
												$html .= '<tr>';
													$html .= '<td>';
														$html .= '<div class="p_item">';
															$html .= '<a  href="#">';
																$html .= '<span>Type A</span>';
																$html .= '<div>';
																	$html .= '<img src="'.plugins_url('key-plugin/images/ppquote.png').'" width="75px" height="75px"/>';
																$html .= '</div>';
															$html .= '</a>';
															$html .= '<span class="p_item_chk"><input type="radio" id="chk_type" name="chk_type" /></span>';
														$html .= '</div>';
														
														$html .= '<div class="p_item">';
															$html .= '<a href="#">';
																$html .= '<span>Type B</span>';
																$html .= '<div>';
																	$html .= '<img src="'.plugins_url('key-plugin/images/ppquote.png').'" width="75px" height="75px"/>';
																$html .= '</div>';
															$html .= '</a>';
															$html .= '<span class="p_item_chk"><input type="radio" id="chk_type" name="chk_type" /></span>';
														$html .= '</div>';
														
														$html .= '<div class="p_item">';
															$html .= '<a href="#">';
																$html .= '<span>Type C</span>';
																$html .= '<div>';
																	$html .= '<img src="'.plugins_url('key-plugin/images/ppquote.png').'" width="75px" height="75px"/>';
																$html .= '</div>';
															$html .= '</a>';
															$html .= '<span class="p_item_chk"><input type="radio" id="chk_type" name="chk_type" /></span>';
														$html .= '</div>';
													$html .= '</td>';
												$html .= '</tr>';
											$html .= '</table>';
										$html .= '</div>';
									$html .= '</div>';
									
									$html .= '<div >';
										$html .= '<span class="span_title" >Dimensions (mm):</span>';
									$html .= '</div>';
									$html .= '<div>';
										$html .= '<table class="dimension">';
											$html .= '<tr>';
												$html .= '<td>';
													$html .= '<span>Width : <strong class="span_red">*</strong></span>';
												$html .= '</td>';
												$html .= '<td>';
													$html .= '<input type="text" id="dimension_width" name="dimension_width" /> ';
												$html .= '</td>';
											$html .= '</tr>';
											$html .= '<tr>';
												$html .= '<td>';
													$html .= '<span>Length : <strong class="span_red">*</strong></span>';
												$html .= '</td>';
												$html .= '<td>';
													$html .= '<input type="text" id="dimension_width" name="dimension_width" /> ';
												$html .= '</td>';
											$html .= '</tr>';
											$html .= '<tr>';
												$html .= '<td>';
													$html .= '<span>Gusset : <strong class="span_red">*</strong></span>';
												$html .= '</td>';
												$html .= '<td>';
													$html .= '<input type="text" id="dimension_width" name="dimension_width" /> ';
												$html .= '</td>';
											$html .= '</tr>';
										$html .= '</table>';
									$html .= '</div>';
									
									$html .= '<div >';
										$html .= '<span class="span_title" >Mass Density of Bag (grams /m2): </span>';
									$html .= '</div>';
									$html .= '<div>';
										$html .= '<table class="dimension">';
											$html .= '<tr>';
												$html .= '<td>';
													$html .= '<span>Data : *</span>';
												$html .= '</td>';
												$html .= '<td>';
													$html .= '<input type="text" id="bag_gam" name="bag_gam" /> ';
												$html .= '</td>';
											$html .= '</tr>';
										$html .= '</table>';
									$html .= '</div>';
									
									$html .= '<div >';
										$html .= '<span class="span_title" >Enfolded Opening (mm):  </span>';
									$html .= '</div>';
									$html .= '<div>';
										$html .= '<table class="dimension">';
											$html .= '<tr>';
												$html .= '<td>';
													$html .= '<input type="text" id="enfolded" name="enfolded" /> ';
												$html .= '</td>';
												$html .= '<td style="padding-right:200px">';
													$html .= '<a href="#"><img width="75px" height="75px" src="'.plugins_url('key-plugin/images/ppquote.png').'"</a>';
												$html .= '</td>';
											
											$html .= '</tr>';
										$html .= '</table>';
									$html .= '</div>';
									
									$html .= '<div >';
										$html .= '<span class="span_title" >With paper-support on the bottom:   </span>';
									$html .= '</div>';
									$html .= '<div>';
										$html .= '<table class="dimension">';
											$html .= '<tr>';
												$html .= '<td>';
													$html .= '<input type="radio" id="paper_bottom" name="paper_bottom" /> <span class="span_chk"> No</span>';
												$html .= '</td>';
												$html .= '<td style="padding-right:200px">';
													$html .= '<input type="radio" id="paper_bottom" name="paper_bottom" /> <span class="span_chk"> Yes</span>';
												$html .= '</td>';
											
											$html .= '</tr>';
										$html .= '</table>';
									$html .= '</div>';
									
									$html .= '<div >';
										$html .= '<span class="span_title"> Wine Holder Inside The Bag:</span>';
										$html .= '<span class="span_descr"> ( Follow vina standard )</span>';
									$html .= '</div>';
									
									$html .= '<div>';
										$html .= '<table class="dimension">';
											$html .= '<tr>';
												$html .= '<td>';
													$html .= '<input type="radio" id="paper_bottom" name="paper_bottom" /> <span class="span_chk"> No</span>';
												$html .= '</td>';
												$html .= '<td style="padding-right:200px">';
													$html .= '<input type="radio" id="paper_bottom" name="paper_bottom" /> <span class="span_chk"> Yes</span>';
												$html .= '</td>';
											$html .= '</tr>';
										$html .= '</table>';
									$html .= '</div>';
									
									$html .= '<div >';
										$html .= '<span class="span_title" > Lamination BOPP Film (surface):</span>';
									$html .= '</div>';
									$html .= '<div>';
										$html .= '<table class="dimension">';
											$html .= '<tr>';
												$html .= '<td>';
													$html .= '<input type="radio" id="lamination_matt" name="lamination_matt" /> <span class="span_chk"> Matt</span>';
												$html .= '</td>';
												$html .= '<td style="padding-right:200px">';
													$html .= '<input type="radio" id="lamination_glossy" name="lamination_glossy" /> <span class="span_chk"> Glossy</span>';
												$html .= '</td>';
											$html .= '</tr>';
										$html .= '</table>';
									$html .= '</div>';
									
									$html .= '<div >';
										$html .= '<span class="span_title" >Other information: </span>';
									$html .= '</div>';
									$html .= '<div>';
										$html .= '<table class="dimension">';
											$html .= '<tr>';
												$html .= '<td>';
													$html .= '<textarea id="other_info" name="other_info" rows="4" cols="60" ></textarea>';
												$html .= '</td>';
											$html .= '</tr>';
										$html .= '</table>';
									$html .= '</div>';

									$html .= '<input type="button" id="ct_next" name="ct_next" value="NEXT STEP 3" /> ';
									
								$html .= '</fieldset>';
							$html .= '</div>'; //End tab 2
							
							$html .= '<div id="tabs-3">';//Start tab3
								$html .= '<fieldset id="div_contact" >';
									$html .= '<legend class="lg_info"> Handle Options';
									$html .= '</legend>';
									
									$html .= '<div>';
										$html .= '<div>';
											$html .= '<span class="span_title" >Please choose your type of bag</span>';
										$html .= '</div>';
										$html .= '<div>';
											$html .= '<table >';
												$html .= '<tr>';
													$html .= '<td>';
														$html .= '<div class="p_item">';
															$html .= '<a  href="#">';
																$html .= '<span>2 Handles</span>';
																$html .= '<div>';
																	$html .= '<img src="'.plugins_url('key-plugin/images/ppquote.png').'" width="75px" height="75px"/>';
																$html .= '</div>';
															$html .= '</a>';
															$html .= '<span class="p_item_chk"><input type="radio" id="chk_handle" name="chk_type" /></span>';
														$html .= '</div>';
														
														$html .= '<div class="p_item">';
															$html .= '<a href="#">';
																$html .= '<span>4 Handles</span>';
																$html .= '<div>';
																	$html .= '<img src="'.plugins_url('key-plugin/images/ppquote.png').'" width="75px" height="75px"/>';
																$html .= '</div>';
															$html .= '</a>';
															$html .= '<span class="p_item_chk"><input type="radio" id="chk_handle" name="chk_type" /></span>';
														$html .= '</div>';
														
														$html .= '<div class="p_item">';
															$html .= '<a href="#">';
																$html .= '<span>4 Handles</span>';
																$html .= '<div>';
																	$html .= '<img src="'.plugins_url('key-plugin/images/ppquote.png').'" width="75px" height="75px"/>';
																$html .= '</div>';
															$html .= '</a>';
															$html .= '<span class="p_item_chk"><input type="radio" id="chk_handle" name="chk_type" /></span>';
														$html .= '</div>';
													$html .= '</td>';
												$html .= '</tr>';
											$html .= '</table>';
										$html .= '</div>';
									$html .= '</div>';
									
									$html .= '<div >';
											$html .= '<span class="span_title" >Dimensions (mm):</span>';
									$html .= '</div>';
									$html .= '<div>';
											$html .= '<table class="dimension">';
												$html .= '<tr>';
													$html .= '<td>';
														$html .= '<span > First handle\'s width: <strong class="span_red">*</strong></span>';
													$html .= '</td>';
													$html .= '<td>';
														$html .= '<input type="text" id="dimension_width" name="dimension_width" /> ';
													$html .= '</td>';
												$html .= '</tr>';
												$html .= '<tr>';
													$html .= '<td>';
														$html .= '<span>First handle\'s length: <strong class="span_red">*</strong></span>';
													$html .= '</td>';
													$html .= '<td>';
														$html .= '<input type="text" id="dimension_width" name="dimension_width" /> ';
													$html .= '</td>';
												$html .= '</tr>';
												
											$html .= '</table>';
									$html .= '</div>';
									
									$html .= '<div>';
										$html .= '<div>';
											$html .= '<span class="span_title" >Please choose your type of bag</span>';
										$html .= '</div>';
										$html .= '<div>';
											$html .= '<table >';
												$html .= '<tr>';
													$html .= '<td>';
														$html .= '<div class="p_item">';
															$html .= '<a  href="#">';
																$html .= '<span>Standard </span>';
																$html .= '<div>';
																	$html .= '<img src="'.plugins_url('key-plugin/images/ppquote.png').'" width="75px" height="75px"/>';
																$html .= '</div>';
															$html .= '</a>';
															$html .= '<span class="p_item_chk"><input type="radio" id="chk_handle" name="chk_type" /></span>';
														$html .= '</div>';
														
														$html .= '<div class="p_item">';
															$html .= '<a href="#">';
																$html .= '<span>Embroidered </span>';
																$html .= '<div>';
																	$html .= '<img src="'.plugins_url('key-plugin/images/ppquote.png').'" width="75px" height="75px"/>';
																$html .= '</div>';
															$html .= '</a>';
															$html .= '<span class="p_item_chk"><input type="radio" id="chk_handle" name="chk_type" /></span>';
														$html .= '</div>';
														
														$html .= '<div class="p_item">';
															$html .= '<a href="#">';
																$html .= '<span>Body-Symmetric</span>';
																$html .= '<div>';
																	$html .= '<img src="'.plugins_url('key-plugin/images/ppquote.png').'" width="75px" height="75px"/>';
																$html .= '</div>';
															$html .= '</a>';
															$html .= '<span class="p_item_chk"><input type="radio" id="chk_handle" name="chk_type" /></span>';
														$html .= '</div>';
													$html .= '</td>';
												$html .= '</tr>';
											$html .= '</table>';
										$html .= '</div>';
									$html .= '</div>';
									
									$html .= '<div >';
											$html .= '<span class="span_title" >Handle Color:</span>';
									$html .= '</div>';
									$html .= '<div>';
										$html .= '<table class="dimension">';
											$html .= '<tr>';
												$html .= '<td>';
													$html .= '<span > Data</span>';
												$html .= '</td>';
												$html .= '<td>';
													$html .= '<input type="text" id="handle_color" name="handle_color" /> ';
												$html .= '</td>';
											$html .= '</tr>';
										$html .= '</table>';
									$html .= '</div>';
									
									$html .= '<div >';
											$html .= '<span class="span_title" >With PVC Tube:</span>';
									$html .= '</div>';
									$html .= '<div>';
											$html .= '<table class="dimension">';
												$html .= '<tr>';
													
													$html .= '<td style="padding-left:100px">';
														$html .= '<input type="radio" id="pvc_tube" name="pvc_tube" /> <span class="span_chk"> No</span>';
													$html .= '</td>';
													$html .= '<td >';
														$html .= '<input type="radio" id="pvc_tube" name="pvc_tube" /> <span class="span_chk"> Yes</span>';
													$html .= '</td>';
													$html .= '<td style="padding-right:170px">';
														$html .= '<a href="#">';
																$html .= '<div>';
																	$html .= '<img src="'.plugins_url('key-plugin/images/ppquote.png').'" width="75px" height="75px"/>';
																$html .= '</div>';
														$html .= '</a>';
													$html .= '</td>';
												$html .= '</tr>';
											$html .= '</table>';
									$html .= '</div>';
									$html .= '<input type="button" id="ct_next" name="ct_next" value="NEXT STEP 4" /> ';
								$html .= '</fieldset>';
							$html .= '</div>'; //End tab 3
							
							$html .= '<div id="tabs-4">';//Start tab4
								$html .= '<fieldset id="div_product" >';
									$html .= '<legend class="lg_info"> Print Details';
									$html .= '</legend>';
									
									$html .= '<div >';//div1
										$html .= '<span class="span_title" >Similar Designs on Both Sides:</span>';
									$html .= '</div>';
									$html .= '<div>';
										$html .= '<table class="dimension">';
											$html .= '<tr>';
												$html .= '<td>';
													$html .= '<input type="radio" id="similar_design" name="similar_design" /> <span class="span_chk"> No</span>';
												$html .= '</td>';
												$html .= '<td>';
													$html .= '<input type="radio" id="similar_design" name="similar_design" /> <span class="span_chk"> Yes</span>';
												$html .= '</td>';
											$html .= '</tr>';
										$html .= '</table>';
									$html .= '</div>';//end div1
									
								
									$html .= '<div>';//start div2
										$html .= '<table class="dimension">';
											$html .= '<tr>';
												$html .= '<td>';
													$html .= '<span class="span_title" style="padding-left:30px">- Number of colors per side: </span>';
												$html .= '</td>';
												$html .= '<td>';
													$html .= '<input type="text" id="number_color" name="number_color" />';
												$html .= '</td>';
											$html .= '</tr>';
										$html .= '</table>';
									$html .= '</div>';//end div2
									
									$html .= '<div >';//start div3
										$html .= '<p style="color:orange">If you cannot define the number of colors and choose to have more colors, you are free to upload your artwork file.</p>';
									$html .= '</div>';//end div3
									
									$html .= '<fieldset>';// start div4
										$html .= '<legend>Upload Your Artwork Files</legend>';
										$html .= '<div >';//div1
										$html .= '<input type="file" id="upload_artwork" name="upload_artwork" />';
										$html .= '</div>';
									$html .= '</fieldset>';// end div4
									$html .= '<input type="button" id="ct_next" name="ct_next" value="NEXT STEP 5" /> ';
										
								$html .= '</fieldset>';
							$html .= '</div>'; //End tab 4
							
							$html .= '<div id="tabs-5">';//Start tab5
								$html .= '<fieldset id="div_product" >';
									$html .= '<legend class="lg_info">Quantity & Pricing';
									$html .= '</legend>';
									
									$html .= '<div>';//div 1
										$html .= '<table class="dimension">';
											$html .= '<tr>';
												$html .= '<td>';
													$html .= '<span class="span_title">Quantity (bags):<strong class="span_red">*</strong></span>';
												$html .= '</td>';
												$html .= '<td>';
													$html .= '<input type="text" id="quantity_bag" name="quantity_bag" />';
												$html .= '</td>';
												$html .= '<td>';
													$html .= '<p>Minimum 20.000p</p>';
												$html .= '</td>';
											$html .= '</tr>';
										$html .= '</table>';
									$html .= '</div>';//end div1
									
								
									$html .= '<div>';//div2
										$html .= '<table class="dimension">';
											$html .= '<tr>';
												$html .= '<td>';
													$html .= '<span class="span_title">Packing (bags per carton):</span>';
												$html .= '</td>';
												$html .= '<td>';
													$html .= '<input type="text" id="packing" name="packing" />';
												$html .= '</td>';
												
											$html .= '</tr>';
										$html .= '</table>';
									$html .= '</div>';//end div2
									
									$html .= '<div>';//div3
										$html .= '<table class="dimension">';
											$html .= '<tr>';
												$html .= '<td>';
													$html .= '<span class="span_title">Term of Pricing:</span>';
												$html .= '</td>';
												$html .= '<td>';
													$html .= '<input type="radio" id="chk_term" name="chk_term" />FOB Ho Chi Minh City-Vietnam';
												$html .= '</td>';
											$html .= '</tr>';
											$html .= '<tr>';
												$html .= '<td>';
												$html .= '</td>';
												$html .= '<td>';
													$html .= '<input type="radio" id="chk_term" name="chk_term" />CIF<input type="text" id="chk_term_cif" name="chk_term_cif" />';
												$html .= '</td>';
											$html .= '</tr>';
										$html .= '</table>';
									$html .= '</div>';//end div3

									$html .= '<div>';//div4
										$html .= '<table class="dimension">';
											$html .= '<tr>';
												$html .= '<td>';
													$html .= '<span class="span_title">Custom packing:</span>';
												$html .= '</td>';
												$html .= '<td>';
													$html .= '<textarea id="custom_packing" name="custom_packing" rows="4" cols="70" ></textarea>';
												$html .= '</td>';
												
											$html .= '</tr>';
										$html .= '</table>';
									$html .= '</div>';//end div4
									$html .= '<input type="button" id="btn_submit" name="btn_submit" value="submit" /> ';
									
								$html .= '</fieldset>';
							$html .= '</div>'; //End tab 5
							
							

						$html .= '</div>';
					
						return $html;
                }
        }
}
function mfpd_load() {
        global $mfpd;
        $mfpd = new KeyPlugin();
}
add_action( 'plugins_loaded', 'mfpd_load' );

function save_key_form(){
	?>
	<style>
<!--
	#tabs{
		min-width : 700px;
		font-size : 12px;
	}
	#cart_form{
		font-size : 12px;
	}
	.lg_info{
		font-weight : bold;
		font-size : 14px;
	}
	.p_item {
		float: left;
		margin-left : 100px;
	}
	.p_item_chk {
		padding-left : 20px;
	}
	.span_title{
		font-weight: bold;
	}
	.dimension{
		font-size: 12px;
	}
	.span_descr{
		font-size : 9px;
		font-style:italic
	}
-->
	</style>
	<script>
	 var k_url = '<?php echo plugins_url( "key-plugin/save_data.php" ); ?>';
	 
 	</script>
		
	<?php 
//		wp_enqueue_script('jquery');
		//Include js file
		wp_register_style( 'key-css', plugins_url('key-plugin/js/jquery-ui-1.11.1.custom/jquery-ui.css') );
		wp_enqueue_style( 'key-css' );
		//include javascript file
//		wp_enqueue_script('key-js-1', plugins_url('key-plugin/js/jquery.js') );
		wp_enqueue_script('key-js-2', plugins_url('key-plugin/js/jquery-ui-1.11.1.custom/jquery-ui.js') );
		wp_enqueue_script('key-js', plugins_url('key-plugin/js/keyplugin.js') );
		
		?>
<script>

jQuery(document).ready(function($){
		 $( "#tabs" ).tabs();
		 $("#btn_submit").click(function(){
			 save_key_form($);
		 });
});


</script>
<?php
}
add_action('wp_footer', 'save_key_form');
//add_action( 'wp_enqueue_scripts', 'save_key_form' );
//add_action( 'admin_enqueue_scripts', 'save_key_form' );
?>